<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>

<sec:authentication property="principal" var="currentPrincipal" scope="page" />

<div class="modal-dialog ms-modal-dialog" >
  <div class="modal-content">
     
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <h4 class="modal-title">修改基本信息</h4>
    </div>

    <form class="form-horizontal ms-form form-personal-info" method="POST" action="${ctx.host}/cities/${city.id}" data-validate="true">

      <input type="hidden" name="_method" value="PATCH" />
      <input type="hidden" name="cityId" value="${city.id}" />

      <div class="modal-body">
      
       
       	 <div class="form-group  ms-form-group">
            <label class="control-label col-xs-3">中文名称：</label>
            <div class="col-xs-8">
              <input type="text" class="form-control" name="chineseName" value="${city.chineseName}" data-validate="required" tabindex="5" placeholder="中文名称" autocomplete="off"/>
            </div>
          </div>
          
           <div class="form-group  ms-form-group">
            <label class="control-label col-xs-3">英文名称：</label>
            <div class="col-xs-8">
              <input type="text" class="form-control" name="englishName" value="${city.englishName}" data-validate="required" tabindex="5" placeholder="英文名称" autocomplete="off"/>
            </div>
          </div>

        <div class="form-group  ms-form-group">
          <label class="control-label col-xs-3">代码：</label>
          <div class="col-xs-8">
            <input type="text" class="form-control" name="code" data-validate="required" value="${city.code}" tabindex="2" placeholder="姓名" autocomplete="off" />
          </div>
        </div>

        <div class="form-group  ms-form-group">
          <label class="control-label col-xs-3">邮编：</label>
          <div class="col-xs-8">
            <input type="text" class="form-control" name="postalCode" data-validate="required" value="${city.postalCode}" tabindex="3" placeholder="邮编" autocomplete="off" />
          </div>
        </div>
        
        <div class="form-group ms-form-group">
            <label class="col-xs-3 control-label">所属国家：</label>
            <div class="col-xs-8">
              <select name="countryCode" class="select2 form-control" tabindex="3">
                <option ></option>
                <c:forEach var="country" items="${persist.countries}">
                  <option value="${country.code}" ${city.countryCode == country.code ? 'selected' : ''}>${country.chineseName}</option>
                </c:forEach>
              </select>
            </div>
          </div>
        
      </div>

      <div class="modal-footer ms-modal-footer">
        <button type="submit" class="btn ms-btn btn-primary">确定</button>
        <button type="button" class="btn ms-btn ms-btn-gary" data-dismiss="modal">取消</button>
      </div>

    </form>

  </div>
</div>
<script>
$('select').select2({
    placeholder: '请选择',
    minimumResultsForSearch: -1,
    allowClear: true,
  });

</script>
